<template>
  <div class="fan">
    <active-head></active-head>
    <div class="activeb_root">
      <div class="r_bnwqim">
        <img src="../../assets/xiaxia/xiaxia/imgs/price.gif" alt="" />
      </div>
      <div class="r_1awozw">
        <img src="../../assets/xiaxia/xiaxia/imgs/lingqu.gif" alt="" />
      </div>
      <div class="r_bnwqim_img">
        <img src="../../assets/xiaxia/xiaxia/imgs/1.png" alt="" />
      </div>

      <active-bot></active-bot>

      <active-list></active-list>

      <active-slide></active-slide>
      <active-list></active-list>

      <div class="logo_img1">
        <img src="../../assets/xiaxia/xiaxia/imgs/4.webp" alt="" />
      </div>

      <div class="perfecture">
        <img src="../../assets/xiaxia/xiaxia/imgs/5.png" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
import ActiveHead from "../.././views/xiaxia/components/Activites/ActiveHead.vue";
import ActiveBot from "../.././views/xiaxia/components/Activites/ActiveBot.vue";
import ActiveList from "../.././views/xiaxia/components/Activites/ActiveList.vue";
import ActiveSlide from "../.././views/xiaxia/components/Activites/ActiveSlide.vue";
export default {
  name: "ActiveAll",
  components: {
    ActiveHead,
    ActiveBot,
    ActiveList,
    ActiveSlide,
  },
};
</script>



<style scoped>
.fan{
   background-color: #fe6d70;
}

.r_bnwqim {
  width: 100%;
  height: 1.03rem;
  margin: 0.1rem 0;
  padding: 0 15px;
  box-sizing: border-box;
}
.r_bnwqim > img,
.r_1awozw > img,
.r_bnwqim_img > img,
.figure_img > img,
.logo_img1 > img {
  width: 100%;
  height: 100%;
}
.r_1awozw {
  padding: 0 0.15rem;
  height: 1.61rem;
}
.r_bnwqim {
  padding: 0 0.15rem;
}
.r_bnwqim_img {
  height: 0.3rem;
  margin: 0.1rem 0;
}
.logo_img1 {
  height: 0.55rem;
}
.perfecture {
  /* margin: 0 .15rem; */
  width: 100%;
  text-align: center;
}
.perfecture > img {
  height: 2.06rem;
  width: 3.4rem;
}
</style>